<div class="component">
<div class="header">
    <a href="#/home">
        <button class="reg_back_btn"></button>
    </a>
    <p class="header_title">
        实时数据
    </p>
    <a href="#/car_list" class="right_href">切换车辆</a>
</div>

<div class="driver_info" ng-show="pageAllInfo.havaCarData">
    <p class="info-block">
        <span>车辆信息：</span>
        <span>{{pageAllInfo.currentCarInfo.car_num}}</span>
    </p>
    <p class="info-block">
        <span>车辆位置：</span>
        <span>{{pageAllInfo.currentCarAddress}}</span>
    </p>
    <p class="info-block">
        <span>数据时间：</span>
        <span>{{pageAllInfo.currentCarInfo.time}}</span>
    </p>
    <p class="info-block">
        <span>油&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp量：</span>
        <span>{{pageAllInfo.currentCarInfo.oil}}</span>
    </p>
    <!-- <div ng-if="!haveData" class="driver_info_nodata">
        暂无数据
    </div>
    <div ng-if="haveData">
        <div ng-if="have_driver">
            <div class="img_info">
                <img ng-src="{{theClickedDriverPic}}" class="person_img">
            </div>
            <div class="name_info">{{ driver.name }}</div>
            <div class="money_info">{{ driver.wage }} 元/天</div>
            <div class="tel_info">{{ driver.tele}}</div>
            <div class="img_photo">
                <img src="static/images/real_data/photo.png" class="photo_img">
            </div>
        </div>
        <div ng-if="!have_driver" class="driver_info_nodata">
            暂无司机信息
        </div>
    </div> -->
</div>

<div id="container"></div>

<!-- <div class="footer_table">
    <div ng-if="!haveData" class="table_nodata">
        暂无数据
    </div>
    <table ng-if="haveData">
        <tr>
            <td>
                车辆状态:{{currentCar.status}}
            </td>
            <td>
                当前油耗:{{currentCar.oil}}L
            </td>
        </tr>
    </table>
</div> -->

<div class="car_list" ng-click="showCarList()">
    点击查看
    <div ng-show="car_list">
    </div>
    <ul ng-show="car_list">
        <p>请选择车辆类型:</p>
        <li ng-repeat="item in car_type" ng-click="changeCar(item)">
            {{item.name}}
        </li>
    </ul>
</div>

<!-- <div class="footer_info">
    <div class="footer_size_color">{{currentCar.license}}</div>
    <div class="footer_location"><i class="iconfont icon-weizhi-tianchong"></i>{{pageAllInfo.currentCarAddress}}</div>
    <div class="footer_watch_trail">
        <button class="footer_btn" ng-click="Watch_trail()">查看轨迹</button>
    </div>
</div> -->
<div class="footer_watch_trail">
    <button class="footer_btn" ng-click="Watch_trail()">查看轨迹</button>
</div>
</div>
<!--<div class="header">-->
    <!--<span>实时数据</span>-->
<!--</div>-->

<!--<div id="container">-->
<!--</div>-->

<!--<div class="footer">-->
    <!--<div class="footer_watch_trail">-->
        <!--<button class="footer_btn">查看轨迹</button>-->
    <!--</div>-->
<!--</div>-->